<template>
  <div class="todo-header">
    <input type="text" placeholder="请输入你的任务名称，按回车键确认" @keydown.enter="handler"/>
  </div>
</template>

<script>

//$on与$emit:Vue.prototype原型对象的方法,因此VM|VC都可以使用
const sum = (a,b)=>{
  console.log(a+b);
}
sum(100,200);

if(/\d/.test(19)){
  console.log('正则')
}



export default {
  name: "",
  methods: {
    //键盘事件
    handler(event) {
      //父组件需要添加一个元素:title,即为表单元素里面内容！！！获取表单元素内容 ref  v-model   event
      let title = event.target.value;
      //准备新的事件
      let newTodo = { id: Date.now(), title, done: false };
      //调用父亲的方法
      // this.addTodo(newTodo);
      //触发自定义事件将数据传递给父组件
      // vm.$emit('addTodo',newTodo);
      //清空表单元素文本内容
      event.target.value = "";
    },
  },
};


</script>

<style scoped>
</style>
